<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button onclick="alert('神即道，道即法，道法自然，如来')">按钮1</button>

  <input type="text" id="input">
  <script>
    //获取元素
    let btn = document.querySelector('button');

    // DOM 0
    // btn.onclick = function(){
    //   alert('今天天气不错哦!!');
    // }

    // DOM 2
    // btn.addEventListener('click', function(e){
    //   console.log(e);
    //   alert('中午准备吃个土豆丝盖饭');
    // });

    //获取 input 元素
    let input = document.querySelector('#input');
    //on when的意思 当...时候   change 改变
    input.onchange = function(){
      console.log('你输入了内容');
    }
  </script>


</body>
</html>